<template>
  <div
    class="dialogWrapper"
    :style="{width:width}"
  >
    <div class="top flex-center bg-primary">
      {{ title }}
    </div>
    <div>
      <slot />
    </div>
  </div>
</template>

<script>
export default {
  name: 'DialogSelf',
  props: {
    width: {
      type: String,
      default: '100%'
    },
    // 弹窗名字
    title: {
      type: String,
      required: false,
      default: ' '
    }
  }
}
</script>

<style lang="scss" scoped>
.dialogWrapper {
  .top {
    height: 37px;
    color: white;
  }
}
</style>
